<template>
  <div
    class="
      rounded-xl
      flex
      items-center
      max-w-sm
      p-6
      mx-auto
      space-x-4
      shadow-md
    "
  >
    <div class="flex-shrink-0">
      <img class="w-12 h-12" src="../assets/logo.png" alt="ChitChat Logo" />
    </div>
    <div>
      <div class="text-xl font-medium text-black">ChitChat</div>
      <p class="text-gray-500">You have a new message!</p>
    </div>
  </div>
</template>
